*{
    margin:0;
    padding:0;
}
body{background-color: #313131}
.wrapper{
    position:relative;
    width:400px;
    height:400px;
    margin:100px auto;
}
.wrapper .box{
    width: 100%;
    height: 100%;
}
.wrapper .box img{
    width: 100%;
}
.wrapper #button{
    width:130px;
    height:130px;
    position:absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -65px;
    margin-left: -65px;
    z-index: 10000;
}
.wrapper #button img{
    position: absolute;
    top:-23px;
    width:130px;
}
.box{
	position: relative;
}
.box p{
	display: block;
	width: 265px;
	height: 20px;
	text-align: center;
	position: absolute;
	left: 200px;
	top: 195px;
	transform: rotateZ(-90deg);
	transform-origin:0 10px;
	z-index: 1000;
	color: #FFFFFF;
}
/*p:nth-of-type(1){
	transform: rotateZ(-45deg);
}
p:nth-of-type(2){
	transform: rotateZ(0deg);
}
p:nth-of-type(3){
	transform: rotateZ(45deg);
}
p:nth-of-type(4){
	transform: rotateZ(90deg);
}
p:nth-of-type(5){
	transform: rotateZ(135deg);
}
p:nth-of-type(6){
	transform: rotateZ(180deg);
}
p:nth-of-type(7){
	transform: rotateZ(225deg);
}
p:nth-of-type(8){
	transform: rotateZ(270deg);
}*/